<script setup lang="ts">
import { defineComponent } from 'vue'
import FloatingDock from '@/components/floating-dock/index.vue'

defineComponent({
  name: 'DesktopFixed',
})
</script>

<template>
  <div class="fixed">
    <FloatingDock :buttons="[
    { label: '😃' },
    { label: '😊' },
    { label: '😜' },
    { label: '😍' },
    { label: '🤩' },
    { label: '🥳' },
    { label: '🥶' }
    ]"></FloatingDock>
  </div>
</template>

<style scoped>
.fixed {
  width: 100%;
  height: 100%;
}
</style>
